<!DOCTYPE html>
<html lang="zxx">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
        <!-- Meanmenu CSS -->
        <link rel="stylesheet" href="../assets/css/meanmenu.css">
        <!-- Boxicons CSS -->
        <link rel="stylesheet" href="../assets/css/boxicons.min.css">
        <!-- Owl Carousel -->
        <link rel="stylesheet" href="../assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="../assets/css/owl.theme.default.min.css">
        <!-- Slick Slider CSS -->
        <link rel="stylesheet" href="../assets/css/slick.css">
        <link rel="stylesheet" href="../assets/css/slick-theme.css">
        <!-- Magnific Popup CSS -->
        <link rel="stylesheet" href="../assets/css/magnific-popup.css">
        <!-- Style CSS -->
        <link rel="stylesheet" href="../assets/css/style.css">
        <!-- Responsive CSS -->
        <link rel="stylesheet" href="../assets/css/responsive.css">

        <title>Restant - Takeway & Restaurant HTML Template</title>

        <link rel="icon" type="image/png" href="../assets/img/favicon.png">
    </head>

    <body>
        <!-- Preloader -->
        <div class="loader">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="spinner"></div>
                </div>
            </div>
        </div>
        <!-- End Preloader -->

        <!-- Coming Soon -->
        <section class="coming-area">
            <div class="coming-item">
                <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="coming-text">
                                <h1>Under Construction...</h1>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea deserunt beatae voluptas, animi harum dolorum totam, praesentium, dolor sint aspernatur perspiciatis iusto labore nulla rerum earum! Sit commodi quia provident!</p>
                                <div class="row coming-wrap">
                                    <div class="col-6 col-sm-6 col-lg-3">
                                        <div class="coming-inner">
                                            <h3 id="days"></h3>
                                            <p>Days</p>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 col-lg-3">
                                        <div class="coming-inner">
                                            <h3 id="hours"></h3>
                                            <p>Hours</p>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 col-lg-3">
                                        <div class="coming-inner">
                                            <h3 id="minutes"></h3>
                                            <p>Minutes</p>
                                        </div>
                                    </div>
                                    <div class="col-6 col-sm-6 col-lg-3">
                                        <div class="coming-inner">
                                            <h3 id="seconds"></h3>
                                            <p>Seconds</p>
                                        </div>
                                    </div>
                                </div>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <i class='bx bxl-facebook'></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class='bx bxl-twitter'></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class='bx bxl-linkedin'></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class='bx bxl-pinterest'></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Coming Soon -->

        <!-- Essential JS -->
        <script src="../assets/js/jquery-3.5.0.min.js"></script>
        <script src="../assets/js/popper.min.js"></script>
        <script src="../assets/js/bootstrap.min.js"></script>
        <!-- Meanmenu JS -->
        <script src="../assets/js/jquery.meanmenu.js"></script>
        <!-- Owl Carousel JS -->
        <script src="../assets/js/owl.carousel.min.js"></script>
        <!-- Mixitup JS -->
        <script src="../assets/js/jquery.mixitup.min.js"></script>
        <!-- Slick Slider JS -->
        <script src="../assets/js/slick.min.js"></script>
        <!-- Form Ajaxchimp JS -->
		<script src="../assets/js/jquery.ajaxchimp.min.js"></script>
		<!-- Form Validator JS -->
		<script src="../assets/js/form-validator.min.js"></script>
		<!-- Contact JS -->
        <script src="../assets/js/contact-form-script.js"></script>
        <!-- Magnific Popup JS -->
        <script src="../assets/js/jquery.magnific-popup.min.js"></script>
        <!-- Custom JS -->
        <script src="../assets/js/custom.js"></script>
    </body>
</html>
